<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <img src="https://bookcover.yuewen.com/qdbimg/349573/1027030348/180" alt="" id="img">
    <script>
        let element=document.getElementById('img');
        // element.parentNode.removeChild(element);
        console.log(element.outerHTML)
        element.remove(); // js层面element对象移除了？垃圾回收？
        let storage={  // 存储一个东西
            arrDom:[element,element.outerHTML]
        }
        // 因为有storage的引用，失效了  计数器
        element=null;  // 手动回收内存的做法
        storage.arrDom[0]=null;

        // display：none 离开了文档流

        setTimeout(() => {
            // document.body.appendChild(element);
            document.body.appendChild(storage.arrDom[0]);
        }, 2000);
    </script>
</body>
</html>